<template>
  <div id="ServiceDetail">
    <div class="banner container-fuild text-center">新闻动态</div>
    <div class="container">
      <div class="row">
        <!-- <div class="col-xs-12 col-sm-12 col-md-3" id="myScrollspy">
          <ul class="nav nav-tabs nav-stacked center-block" id="myNav">
            <p>华南理工大学产研结合</p>
            <li
              :class="item.id == id ? 'active' : ''"
              v-for="(item, index) in serviceNavList"
              :key="index"
            >
              <a href="javascript:;" @click.stop="toSection(item.id)">{{
                item.title
              }}</a>
            </li>
          </ul>
        </div> -->
        <div class="col-xs-12 col-sm-12 col-md-9 content wow zoomIn">
          <div class="acti">
            <div class="titles">
              <h1 class="h1">
                聚焦前沿，共探神经外科新征程：第四届华南神经外科论坛成功召开
              </h1>
              <div class="infor">
                <span>时间：2024-12-28</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span>
              </div>
            </div>
          </div>

          <div class="text">
            <div class="words">
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  2024 年 12 月 28 日，花城广州迎来了一场汇聚行业顶尖智慧的学术盛宴 ——
                  第四届华南神经外科论坛。这场盛会如同一颗璀璨的学术明珠，吸引着来自华南地区乃至全国神经外科领域的精英翘楚们纷至沓来，共同开启一场关乎生命科学前沿探索与临床实践深度交流的思想之旅。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service5" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  2024第四届华南神经外科论坛成功召开
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service3" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  2024第四届华南神经外科论坛现场
                </span>
              </p>
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  当日，晨光初照，论坛会场便已人头攒动，气氛热烈非凡。神经外科，作为医学领域中一座高精尖的
                  “科学堡垒”，时刻肩负着挑战人类脑部疑难病症、守护生命中枢的重任。而华南地区，更是凭借雄厚的医疗资源与科研实力，在神经外科的发展版图上占据关键一席。此次论坛的召开，无疑为这片蓬勃的医疗热土再添一把创新之火。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service2" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  2024第四届华南神经外科手术会议现场
                </span>
              </p>
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  会议在庄重而热烈的氛围中拉开帷幕，开场致辞环节，业内德高望重的前辈点明了当下神经外科发展的紧迫性与机遇性。紧接着，一系列精彩纷呈的学术报告轮番上演。前沿科研成果的发布让人目不暇接，从新型神经修复材料的实验室突破，有望为脊髓损伤患者带来重生希望；到基因编辑技术在脑胶质瘤治疗模型中的初步应用，为攻克这一
                  “脑部杀手” 开辟崭新路径。每一项成果，都凝聚着科研人员无数个日夜的钻研心血。
                </span>
              </p>
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img
                  src="/Uploads/detail/2024-12-30/677212ef1c643.webp"
                  alt=""
                />
              </p>
              <p class="paragraph"></p>
              <p class="image">
                <span style="font-size: 16px; font-family: SimSun"
                  >深圳市市场监督管理局标准处徐均伟副处长致辞</span
                >
              </p> -->
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  临床经验分享环节同样干货满满，各大医院的主刀名医们毫无保留。复杂脑血管畸形手术中的应急策略、帕金森病脑深部电刺激疗法的优化方案……
                  案例详实生动，台下听众不时奋笔疾书，记录下宝贵实操技巧。会场还专设互动区域，年轻医生们抓住难得机会，抛出平日里积攒的疑难困惑，瞬间点燃热烈讨论氛围，思维火花四溅。
                </span>
              </p>
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  我司作为深耕医疗科技领域的积极参与者，对此次盛会高度重视，选派的团队成员皆是行业骨干，专业知识扎实、学习热情高涨。他们穿梭于各个分会场，不错过任何一场深度研讨，不仅汲取最新知识养分，更为后续与神经外科医疗团队携手，在器械研发、数字化辅助诊疗方案推广等方面发力积累底蕴。
                </span>
              </p>
              <p>
                <br />
              </p>
              <!-- <p class="image" style="text-align: center">
                <img :src="service1" alt="服务" />
              </p> -->
              <!-- <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  我司骨干团队参会留念
                </span>
              </p> -->
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  随着夕阳西下，第四届华南神经外科论坛圆满收官，但它在专业领域激起的 “涟漪” 却将持续扩散。这场论坛汇聚的智慧结晶，必将滋养华南神经外科事业蓬勃发展，为万千患者点亮更明亮的生命曙光。
                </span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="serviceDetail">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import WOW from 'wow.js'

import service5 from '@/assets/img/2024_nerve_5.jpg'
import service3 from '@/assets/img/2024_nerve_3.jpg'
import service2 from '@/assets/img/2024_nerve_2.jpg'
import service1 from '@/assets/img/2024_nerve_1.jpg'

const id = ref('section-1')

const route = useRoute()


onMounted(() => {
  console.log('route：', route, route.params, route.query)
  console.log('history.state：', history.state)

  console.log(id.value, 'pp')

  var wow = new WOW()
  wow.init()
})
</script>

<style scoped>
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url('../assets/img/banner_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

@media (min-width: 992px) {
  .col-md-9 {
    width: 100%;
  }
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.acti .text {
  padding-bottom: 73px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
}

.acti .words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.acti .words .paragraph {
  text-align: justify;
  font-size: 18px;
  /* font-family:SimSun; */
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

.acti .text .words div.image {
  text-align: center;
  font-size: 16px;
  /* font-family: SimSun; */
  display: flex;
  justify-content: center;
}
</style>
